<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>大众点评网</title>
    <link rel="icon" href="image/dp_favicon.ico">
    <link rel="stylesheet" href="css/dp_login.css">
    <script src="js/JS_dz_login.js"></script>
</head>
<body>
    <!-- 顶部导航 -->
    <div class="header-container">
        <div id="top-nav" class="top-nav">
            <div class="top-nav-container">
                <div class="mini-logo">
                    <a href="">
                        <i class="icon-logo"></i>
                        大众点评首页
                    </a>
                </div>
                <div class="quick-menu">
                    <ul>
                        <li><a href="">写点评</a></li>
                        <li>
                            <span><a href="" >你好，请登录</a></span>

                        </li>
                        <li>
                            <div class="menu-item dropdown">
                                <a href="" >
                                    <p>商户服务</p>
                                    <img>
                                </a>

                                <div class="dropdown-content">
                                    <a href="">商户服务</a>
                                    <a href="">商务中心</a>
                                    <a href="">免费使用美团排队</a>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="menu-item dropdown">
                                <a href="" >
                                    <p>个人中心</p>
                                    <img>
                                </a>

                                <div class="dropdown-content">
                                    <a href="">我的点评</a>
                                    <a href="">我的收藏</a>
                                    <a href="">我的团购</a>
                                </div>
                            </div>
                        </li>
                        <li><a href="" >写点评</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- logo部分 -->
    <div class="header">
        <div class="big-logo">
            <a href=""><img src="image/logo@2x-1828c2a9.png"></a>
            <span>登录</span>
        </div>
    </div>
    <!-- 注册区域 -->
    <div class="main">
        <div class="register-img"></div>
        <div class="input-box">
            <div class="register-form">
                <form>
                    <div class="form-item  form-title">
                        <a href="">快捷登录</a>
                        <a href="">手机密码登录</a>
                    </div>
                    <div class="form-item login-line"></div>
                    <div class="form-item tel-alert">
                        <span></span>
                    </div>
                    <div class="form-item form-input">
                        <select>
                            <option>中国 +86</option>
                            <option>香港（中国）+852</option>
                            <option>澳门（中国）+853</option>
                            <option>台湾（中国）+886</option>
                        </select>
                        <input type="text" placeholder="手机号" onblur="check_telno()" name="telno" />
                    </div>
                    <div class="form-item form-input">
                        <input type="text" placeholder="请输入动态码" name="code"/>
                        <button>获得动态码</button>
                    </div>
                    <div  class="form-item tel-no">
                        <input type="checkbox" />
                        <div>记住手机号</div>
                    </div>

                    <div  class="form-item form-input">
                        <input type="button" value="登录" name="login" onclick="check_code()"/>
                    </div>
                    <div class="other-login-line"></div>
                    <div class="form-item images">
                        <a href=""><img src="image/11.png"></a>
                        <a href=""><img src="image/12.png"></a>
                        <a href=""><img src="image/13.png"></a>
                        <a href="">注册</a>
                    </div>
                </form>
            </div>

        </div>
    </div>
    <!-- 网站底部 -->
    <div class="footer-container">
        <div class="links">
            <ul>
                <li><a href="" >关于大众点评</a></li>
                <li><a href="" >诚守公约</a></li>
                <li><a href="" >网站帮助</a></li>
                <li><a href="" >人才招聘</a></li>
                <li><a href="" >最新资讯</a></li>
            </ul>
            <p>©2003-2019 dianping.com, All Rights Reserved. 本站发布的所有内容，未经许可，不得转载，详见 《知识产权声明》。</p>
        </div>
    </div>
</body>
</html>